<template>
  <div>
     cx
    <van-row type="flex" align="center" style="margin-top: 10px">
      <van-col span="2">
        <van-icon
          name="arrow-left"
          size="40"
          color="rgb(64, 150, 236)"
          @click="back"
        />
      </van-col>
    </van-row>
    <hr style="margin-top:20px,color:rgba(137, 162, 162, 0.1)" />

    
    <van-popup
      v-model="show"
      closeable
      close-icon-position="top-left"
      position="bottom"
      :style="{ height: '30%' }"
    />

    <van-area
      title="选择省市区"
      :area-list="areaList"
      value="110101"
      :columns-num="3"
      :columns-placeholder="['请选择', '请选择', '请选择']"
    />
  </div>
</template>

<script>
const areaList = {
  province_list: {
    110000: "北京市",
    120000: "天津市",
  },
  city_list: {
    110100: "北京市",
    120100: "天津市",
  },
  county_list: {
    110101: "东城区",
    110102: "西城区",
    120101: "天津一号",
    120102: "天津2号",
    // ....
  },
};
export default {
  data() {
    return {
      areaList,
      show: false,
    };
  },
  methods: {
    showPopup() {
      this.show = true;
    },
    back(){

    }
  },
};
</script>

<style>
</style>